<template>
  <div class="media-item">
    <div class="content">
      <div class="title">
        <router-link :to="`/article/${data.id}`">{{data.title}}</router-link>
      </div>
      <div class="meta">{{data.keywords}} {{data.tags}}</div>
    </div>
    <div class="thumb aspectratio" w-116-76>
      <XImage class="aspectratio-content" :src="data.cover"/>
    </div>
  </div>
</template>

<script>
import XImage from '~/components/Image'
export default {
  name: 'MediaItem',
  components: {
    XImage
  },
  props:{
    data: {
      type: Object,
      default: () =>({})
    }
  }
}
</script>
